<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="renderer" content="webkit" />
	<meta name="keywords" content="瑜伽商城，瑜伽运动，运动，健身，锻炼">
	<meta name="description" content="瑜伽（英文：Yoga，印地语：योग）是一个汉语词汇，最早是从印度梵语“yug”或“yuj”而来，其含意为“一致”、“结合”或“和谐”。瑜伽源于古印度，是古印度六大哲学派别中的一系，探寻“梵我合一”的道理与方法。而现代人所称的瑜伽则主要是一系列的修身养心方法。">
	<title></title>
	<meta name="viewport"
		  content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/public.css">
	<link rel="stylesheet" type="text/css" href="../css/yoga.css">
	<link rel="stylesheet" type="text/css" href="../css/pubulic_wrap.css">
	<link rel="stylesheet" type="text/css" href="../css/all.css">
	<link rel="shortcut icon" href="images/Yoga_03.png" type="image/png">
	<script type="text/javascript" src="../front_js/jquery.min.js"></script>
</head>
<body>
<header>
	<!--顶部图标-->
	<img src="images/01HomeYoga_03.png" alt="">
	<!--顶部二级导航-->
	<ul class="clearfix">
		<li class="fff"><a href="#">Home</a>
			<ol>
				<li><a href="#">Yoga studio</a></li>
				<li><a href="#">Fitness club</a></li>
				<li><a href="#">Gym</a></li>
				<li><a href="#">Health club</a></li>
				<li><a href="#">Coach</a></li>
				<li><a href="#">Dance</a></li>
			</ol><i></i></li>
		<li><a href="#">Pages</a>
			<ol>
				<li><a href="#">About Us </a></li>
				<li><a href="#">Services</a></li>
				<li><a href="#">Reservations</a></li>
				<li><a href="#">Pricing Tables</a></li>
				<li><a href="#">Our Team</a></li>
				<li><a href="#">Content Elements</a></li>
			</ol><i></i></li>
		<li><a href="#">Events</a>
			<ol>
				<li><a href="#">All Events</a></li>
				<li><a href="#">Events One</a></li>
				<li><a href="#">Events Two</a></li>
				<li><a href="#">Events Three</a></li>
				<li><a href="#">Events Four</a></li>
				<li><a href="#">Single Event</a></li>
			</ol><i></i></li>
		<li><a href="#">Portfolio</a>
			<ol>
				<li><a href="#">Column 3 Сols</a></li>
				<li><a href="#">Columns 4 Сols Wide</a></li>
				<li><a href="#">4 Сols Masonry</a></li>
				<li><a href="#">Four Columns</a></li>
				<li><a href="#">Gallery</a></li>
			</ol><i></i></li>
		<li><a href="#">Blog</a>
			<ol>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Services</a></li>
				<li><a href="#">Reservations</a></li>
				<li><a href="#">Pricing Tables</a></li>
				<li><a href="#">Our Team</a></li>
				<li><a href="#">Content Elements</a></li>
			</ol><i></i></li>
		<li><a href="#">Shop</a></li>
		<li><a href="#">Contacts</a></li>
	</ul>
	<!--顶部二级导航右侧图标-->
	<div class="home-index-cart">
		<span><a href="#"><img src="images/serch.png" alt="" /></a></span>
		<span><a href="#"><img src="images/shop.png" alt="" /></a><div>0</div></span>
		<span>
                <a href="#"><img src="images/earth.png" alt="" /></a>
                <strong>EN</strong><strong>+</strong>
            </span>
	</div>
	<script>
        $("header ol").hide();
        $("header i").hide();
        $("header>ul>li").each(function(index,element){
            $(this).attr("index",index);
        })
        $("header>ul>li").mouseenter(function(){
            var index = $(this).attr("index");
            $("header ol").hide();
            $("header i").hide();
            $("header ol").eq(index).show();
            $("header i").eq(index).show();
            $(this).mouseleave(function(){
                $("header ol").hide();
                $("header i").hide();
            })
        })
	</script>
	<!--头部轮播图-->
	<dl class="clearfix">
		<dd>
			<img src="images/01HomeYoga_01.png" alt="" />
			<div class="home-index-lunbo-font home-index-lunbo-font1">
				<p>PRACTICE AND</p>
				<p>ALL IS COMING</p>
				<span>Happiness is not having what you want,</span>
				<span>but wanting what you have</span>
				<i>Get to know us</i>
			</div>
		</dd>
		<dd>
			<img src="images/02HomeYoga_02.png" alt="" />
			<div class="home-index-lunbo-font home-index-lunbo-font2">
				<p>YOGA - LIGHT</p>
				<span>Warrior pose helps to overcome internal weakness and focus. </span>
				<i>Get to know us</i>
			</div>
		</dd>
		<dd>
			<img src="images/03HomeYoga_03.png" alt="" />
			<div class="home-index-lunbo-font home-index-lunbo-font3">
				<p>WELCOME </p>
				<p>TO AASANA</p>
				<span>Yoga is the practice of taking</span>
				<span>the consequences being yourself</span>
				<i>Get to know us</i>
			</div>
		</dd>
	</dl>
	<img class="index-prev" src="images/homeprev.png" alt="" />
	<img class="index-next" src="images/Homenext.png" alt="" />
	<script>
        var islock = true;
        var n = 0;
        $("header>dl>dd").each(function(index,element){
            $(this).attr("index",index)
        })
        $(".index-next").click(function(){
            if(n < $("header>dl>dd").length - 1){
                if(islock === true) {
                    islock = false;
                    n++;
                    $("header>dl").animate({
                        marginLeft: -1920 * n + "px"
                    }, 1000,()=>{
                        islock = true;
                    });
                }
            }
            else{
                if(islock === true){
                    islock = false;
                    var willremove = $("header>dl>dd").eq(0).clone(true).appendTo($("header>dl")[0]);
                    $("header>dl").animate({
                        marginLeft: -1920 * (n + 1) + "px"
                    },1000,()=>{
                        $("header>dl").css({
                            marginLeft: 0 + "px"
                        });
                        willremove.remove();
                        n = 0;
                        islock = true;
                    });
                }
            }
        })
        $(".index-prev").click(function(){
            if(n < 1){
                if(islock === true){
                    islock = false
                    var willremove = $("header>dl>dd").eq($("header>dl>dd").length - 1).clone(true).prependTo($("header>dl")[0]);
                    $("header>dl").css({
                        marginLeft: -1920 + "px"
                    });
                    $("header>dl").animate({
                        marginLeft: 0 + "px"
                    },1000,()=>{
                        $("header>dl").css({
                            marginLeft: -1920 * ($("header>dl>dd").length - 1) + "px"
                        });
                        willremove.remove();
                        $("header>dl").css({
                            marginLeft: -1920 * ($("header>dl>dd").length - 1) + "px"
                        });
                        n = $("header>dl>dd").length - 1;
                        islock = true;
                    });
                }
            }
            else{
                if(islock === true){
                    islock = false;
                    n--;
                    $("header>dl").stop().animate({
                        marginLeft: -1920 * n + "px"
                    },1000,function(){
                        islock = true;
                    });
                }
            }
        })
        var move = setInterval(function(){
            $(".index-next").click();
        },3000)
        $("header").mouseenter(()=>{
            clearInterval(move);
        })
        $("header").mouseleave(()=>{
            move = setInterval(function(){
                $(".index-next").click();
            },3000)
        })
	</script>
</header>
	<div class="home-fitness-club-two clearfix">
		<div class="home-y-f-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
				<ul class="fitness ourclass flexbox content">
					<li>
						<div class=" home-fit-bc1 home-fitness">
						<img src="../im/Shape648.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							</div>
						</a>
						<img src="../im/RoundedRectangle650copy3.png" class="fitness-icon">
					</li>
					<li>
						<div class=" home-fit-bc2 home-fitness">
						<img src="../im/Shape647.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							</div>
						</a>
						<img src="../im/RoundedRectangle650copy3.png" class="fitness-icon">
					</li>
					<li>
						<div class=" home-fit-bc3 home-fitness">
						<img src="../im/Shape648.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							</div>
						</a>
						<img src="../im/RoundedRectangle650copy3.png" class="fitness-icon">
					</li>
					<li>
						<div class="home-fit-bc4 home-fitness">
						<img src="../im/Shape649.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							</div>
						</a>
					</li>
				</ul>
				
			</div>
		</div>
	</div>
	</div>
	<div class="home-fitness-club-three clearfix">
		<div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			</div>
		</div>
		<div class="pub-wrap-all">
				<ul class="book-class-bottom book-class flexbox content2">
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="../im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="../im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">   vitae diam vel orci pellen</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="../im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="../im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">      diam vel orci pellen</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="../im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="../im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">     diam vel orci pellen</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="../im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="../im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">     vel orci pellen</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="../im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="../im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">     vitae diam vel orci pellen</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="../im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="../im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">     diam vel orci pellen</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="../im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="../im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">    am vel orci pellen</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="../im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="../im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">     diam vel orci pellen</p>
								</div>
							</a>
					</li>

				</ul>
		</div>
	</div>
	</div>
	</div>
	<div class="home-fitness-club-four clearfix">
		<div class="home-day-bc public_wrap">
		<div class="content">
			<div class="watch">
				<ul class="fitness ourclass flexbox content">
					<li>
						<div class="  home-fitness">
						<img src="../im/Shape657.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="fitness-logo color">958 days</p>
								<p class="class-detail color">of successful working</p>
							</div>
						</a>
					</li>
					<li>
						<div class="  home-fitness">
						<img src="../im/Shape659.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="fitness-logo color">958 days</p>
								<p class="class-detail color">of successful working</p>
							</div>
						</a>
					</li>
					<li>
						<div class="  home-fitness">
						<img src="../im/Shape663.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="fitness-logo color">958 days</p>
								<p class="class-detail color">of successful working</p>
							</div>
						</a>
					</li>
					<li>
						<div class="  home-fitness">
						<img src="../im/Shape657.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="fitness-logo color">958 days</p>
								<p class="class-detail color">of successful working</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	</div>
	<div class="home-fitness-club-five">
		<div class="home-y-s-bc public_wrap content2">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Sed quis ultricies sapien, et bibendum ligula. Nam consequat velit orci, posuere volutpat quam viverra sit amet. Phasellus tempor diam non nunc hendrerit lobortis consectetur at dui. Fusce varius velit eu mauris placerat vulputate.</p>
				</div>
			</div>
		</div>
		<div class="pub-wrap-all ">
			<ul class=" ourclass flexbox content">
				<li>
					<div class="instructors">
					<img src="../im/Layer680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				<li>
					<div class="instructors">
					<img src="../im/Layer680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				<li>
					<div class="instructors">
					<img src="../im/Layer680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				<li>
					<div class="instructors">
					<img src="../im/Layer680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<img class="index-prev" id="pre" src="../im/arrowrightcopy2.png">
		<img class="index-next" id="next" src="../im/arrowright.png">
	</div>
	</div>
	<div class="home-fitness-club-six">
		<div class="content">
			<div class="home-fitness-club-six-top">
				<div class="home-logo">
					<img src="../im/VectorSmartObject.png">
				</div>
				<div class="home-y-words home-words">
					<p>UPCOMING EVENTS</p>
				</div>
			</div>
			<div class="home-fitness-club-six-right ">
				<ul>
					<li><img src="../images/02Home_Fitnessclub_03.png" class="first-img">
						<span>
							<p>17 April, 2017</p>
							<h3>Thai Massage Workshop</h3>
							<img src="../images/Shape22.png" class="img1"><i> &nbsp;7:30AM - 3:30 PM</i>
							<img src="../images/Shape21.png" class="img2"><i class="i2"> &nbsp;Vellington, Vic 941</i>
						</span>
					</li>
					<li><img src="../images/02Home_Fitnessclub_03.png" class="first-img">
						<span>
							<p>17 April, 2017</p>
							<h3>Thai Massage Workshop</h3>
							<img src="../images/Shape22.png" class="img1"><i> &nbsp;7:30AM - 3:30 PM</i>
							<img src="../images/Shape21.png" class="img2"><i class="i2"> &nbsp;Vellington, Vic 941</i>
						</span>
					</li>
					<li><img src="../images/02Home_Fitnessclub_03.png" class="first-img">
						<span>
							<p>17 April, 2017</p>
							<h3>Thai Massage Workshop</h3>
							<img src="../images/Shape22.png" class="img1"><i> &nbsp;7:30AM - 3:30 PM</i>
							<img src="../images/Shape21.png" class="img2"><i class="i2"> &nbsp;Vellington, Vic 941</i>
						</span>
					</li>
					<li><img src="../images/02Home_Fitnessclub_03.png" class="first-img">
						<span>
							<p>17 April, 2017</p>
							<h3>Thai Massage Workshop</h3>
							<img src="../images/Shape22.png" class="img1"><i> &nbsp;7:30AM - 3:30 PM</i>
							<img src="../images/Shape21.png" class="img2"><i class="i2"> &nbsp;Vellington, Vic 941</i>
						</span>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="home-fitness-club-seven">
		<div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="services-wrap">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="services-words home-words">
					<p>Instructors</p>
				</div>
				<div class="services clearfix" style="display:;">
					<ul class="services-tab" id="">
						<li class="first clearfix home-y-cards-bc">
							<img src="../im/Layer574.png">
							<div class="ser-tab-left ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     diam vel orci pellen</p>
							</div>
						</li>
						<li class="clearfix home-y-cards-bc">
							<img src="../im/Layer574.png">
							<div class="ser-tab-left ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">      vel orci pellen</p>
							</div>
						</li>
						<li class="clearfix home-y-cards-bc">
							<img src="../im/Layer574.png">
							<div class="ser-tab-left ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     itae diam vel orci pellen</p>
							</div>
						</li>
					</ul>
					<div class="tab-content">
						<div class="services-f hide ser-tab-right" >
							<div class="ser-tab-left ourclass-details">
									<p class="class-name home-y-words"> Resilience1</p>
									<p class="class-detail home-y-content">   pharetra, faucibus lacus ut, pharetra dui. Cras maximus, nisl sed da . Vestibulum nunc lacus, vulputate a nibh non, pharetra lacinia quam. </p>
							</div>
							<ol class="your-choose clearfix">
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a1 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a2 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a3 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a4 you-cho-a border2">From $ 79.99</a>
								</li>
							</ol>
						</div>
						<div class="services-f ser-tab-right" >
							<div class="ser-tab-left ourclass-details">
									<p class="class-name home-y-words"> Resilience2</p>
									<p class="class-detail home-y-content">     Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien faucibus turpis, eu tincidunt ante erat non quam. Ut laoreet nisl at diam blandit, et sagittis ipsum faucibus. Maecenas ac justo pharetra, faucibus lacus ut, pharetra dui. Cras maximus, nisl sed malesuada dapibus, lectus turpis convallis ante, ac gravida lorem enim ac nisi. Suspendisse volutpat quam sed lectus convallis, porttitor luctus ante tincidunt. Vestibulum nunc lacus, vulputate a nibh non, pharetra lacinia quam. </p>
							</div>
							<ol class="your-choose clearfix">
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a1 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a2 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a3 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a4 you-cho-a border2">From $ 79.99</a>
								</li>
							</ol>
						</div>
						<div class="services-f ser-tab-right" >
							<div class="ser-tab-left ourclass-details">
									<p class="class-name home-y-words"> Resilience3</p>
									<p class="class-detail home-y-content">     Curabitur venenatis, justo Vestibulum nunc lacus, vulputate a nibh non, pharetra lacinia quam. </p>
							</div>
							<ol class="your-choose clearfix">
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a1 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a2 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a3 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a4 you-cho-a border2">From $ 79.99</a>
								</li>
							</ol>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
	<div class="home-fitness-club-eight">
		<div class="content2">
			<div class="home-fitness-club-eight-ul show">
				<ul>
					<li>
						<img src="../images/Layer60.png">
						<h3>Jane Doe</h3>
						<h2>Beautiful, welcoming yoga studio!</h2>
						<p>Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. </p>
					</li>
					<li>
						<img src="../images/Layer60.png">
						<h3>Jane Doe</h3>
						<h2>Beautiful, welcoming yoga studio!</h2>
						<p>Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. </p>
					</li>
					<li>
						<img src="../images/Layer60.png">
						<h3>Jane Doe</h3>
						<h2>Beautiful, welcoming yoga studio!</h2>
						<p>Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. </p>
					</li>
				</ul>
			</div>
			<div class="home-fitness-club-eight-ul">
				<ul>
					<li>
						<img src="../images/02HomeFitnessclub_03.png">
						<h3>Jane Doe</h3>
						<h2>Beautiful, welcoming yoga studio!</h2>
						<p>Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. </p>
					</li>
					<li>
						<img src="../images/02HomeFitnessclub_03.png">
						<h3>Jane Doe</h3>
						<h2>Beautiful, welcoming yoga studio!</h2>
						<p>Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. </p>
					</li>
					<li>
						<img src="../images/02HomeFitnessclub_03.png">
						<h3>Jane Doe</h3>
						<h2>Beautiful, welcoming yoga studio!</h2>
						<p>Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. </p>
					</li>
				</ul>
			</div>
			<div class="home-fitness-club-eight-ul">
				<ul>
					<li>
						<img src="../images/09HomeFitnessclub_05.png">
						<h3>Jane Doe</h3>
						<h2>Beautiful, welcoming yoga studio!</h2>
						<p>Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. </p>
					</li>
					<li>
						<img src="../images/09HomeFitnessclub_05.png">
						<h3>Jane Doe</h3>
						<h2>Beautiful, welcoming yoga studio!</h2>
						<p>Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. </p>
					</li>
					<li>
						<img src="../images/09HomeFitnessclub_05.png">
						<h3>Jane Doe</h3>
						<h2>Beautiful, welcoming yoga studio!</h2>
						<p>Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. </p>
					</li>
				</ul>
			</div>
			<div class="spanlist">
				<span class="change-color"></span>
				<span></span>
				<span></span>
			</div>
		</div>
	</div>
	<div class="home-fitness-club-nine">
		<div class="content">
			<div class="home-logo">
				<img src="../im/VectorSmartObject5.png">
			</div>
			<div class="home-y-words home-words">
				<p>CLASSES TIMETABLE</p>
			</div>
			<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			<div class="home-fitness-club-nine-bottom">
				<ul>
					<li class="position-li">
						<span>FITNESS LIGHT</span>
						<img src="../images/02_Home_Fitness_club_12.jpg">
						<ul class="home-fitness-club-nine-bottom-li">
							<li><a href="">2 x Zumbs</a></li>
							<li><a href="">2 x Total Body Workout</a></li>
							<li><a href="">2 x Pilates For The Core</a></li>
							<li><a href="">2 x Spiritual Guidence</a></li>
							<li><a href="">2 x Cross Ft</a></li>
						</ul>
						<p><b>Purchase</b></p>
						<div class="home-fitness-club-nine-bottom-t">
							<i>$</i>
							<h2>49.99</h2>
							<h3>per month</h3>
						</div>
					</li>
					<li class="position-li">
						<span>FITNESS LIGHT</span>
						<img src="../images/02_Home_Fitness_club_12.jpg">
						<ul class="home-fitness-club-nine-bottom-li">
							<li><a href="">2 x Zumbs</a></li>
							<li><a href="">2 x Total Body Workout</a></li>
							<li><a href="">2 x Pilates For The Core</a></li>
							<li><a href="">2 x Spiritual Guidence</a></li>
							<li><a href="">2 x Cross Ft</a></li>
						</ul>
						<p><b>Purchase</b></p>
						<div class="home-fitness-club-nine-bottom-t">
							<i>$</i>
							<h2>49.99</h2>
							<h3>per month</h3>
						</div>
					</li>
					<li class="position-li">
						<span>FITNESS LIGHT</span>
						<img src="../images/02_Home_Fitness_club_12.jpg">
						<ul class="home-fitness-club-nine-bottom-li">
							<li><a href="">2 x Zumbs</a></li>
							<li><a href="">2 x Total Body Workout</a></li>
							<li><a href="">2 x Pilates For The Core</a></li>
							<li><a href="">2 x Spiritual Guidence</a></li>
							<li><a href="">2 x Cross Ft</a></li>
						</ul>
						<p><b>Purchase</b></p>
						<div class="home-fitness-club-nine-bottom-t">
							<i>$</i>
							<h2>49.99</h2>
							<h3>per month</h3>
						</div>
					</li>
				</ul>
			</div>
		</div>       
	</div>
	<div class="home-fitness-club-ten">
		<div class="content">
			<div class="home-fitness-club-ten-right">
				<h2>Great way of extending the youth</h2>
				<p>Praesent id sodales mi, eu molestie ligula. Cras nec erat eget velit finibus fringilla. Fusce tortor sem, lacinia a commodo quis, mollis in augue. In sodales pharetra elit ut consectetur.</p>
				<h3>Amanda Philosopher</h3>
			</div>
			<img src="../images/08Home_Fitnessclub_03.png">
		</div>
	</div>
	<div class="home-fitness-club-eleven">
		<div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="signup-wrap">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class=" content">
					<ul class="sign pub-wrap-all flexbox">
						<li class="sign-up1 sign-up">
							<div class="sign-w ourclass-details">
								<p class="sign-name color">Mindful Resilience</p>
								<div class="sign-con color">
									<p><span>Monday - Friday</span>
									<span>7 am-7 pm</span></p>
									<p><span>Saturday:</span>
									<span>7 am-7 pm</span></p>
									<p><span>Sunday:</span>
									<span>7 am-7 pm</span></p>
								</div>
							</div>
							<img src="../im/Layer656.png">
						</li>
						<li class="sign-up2 sign-up">
							<div class="sign-left ourclass-details">
								<input type="text" name="" class="border2" placeholder="Enter your email">
								<a href="" class="submit-sign submit you-cho-a1 color border2">sumit</a>
							</div>
							<img src="../im/Layer656.png">
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	</div>

<footer>
	<!--图标-->
	<img class="home-index-foottop" src="images/home_index_foot_03.png" alt="">
	<!--文字-->
	<div class="home-index-footp">
		<p>Mauris justo sem, gravida ut enim a, rutrum molestie ligula.</p>
		<p>Cras in massa metus. Suspendisse potenti. Nam sagittis</p>
	</div>
	<!--文字-->
	<p>Subscribe us</p>
	<!--邮件input框-->
	<div class="home-index-footserch">
		<input type="text" placeholder="Enter your email" />
		<span>SEND</span>
	</div>
	<!--三个小图片-->
	<div class="home-index-footimg">
		<a href="#"><img src="images/home_index_foot_07.png" alt="" /></a>
		<a href="#"><img src="images/home_index_foot_09.png" alt="" /></a>
		<a href="#"><img src="images/home_index_foot_11.png" alt="" /></a>
	</div>
	<!--底部导航-->
	<ul class="home-index-footnav clearfix">
		<li><a href="#">Home</a></li>
		<li><a href="#">Pages</a></li>
		<li><a href="#">Envents</a></li>
		<li><a href="#">Portfolio</a></li>
		<li><a href="#">Blog</a></li>
		<li><a href="#">Shop</a></li>
		<li><a href="#">Contacts</a></li>
	</ul>
</footer>
<!--返回顶部图标-->
<img class="home-gotop" src="images/home_index_foot_14.png" alt="" />
<script>
    $(".home-gotop").hide();
    $("body").ready(function(){
        $(".home-gotop").click(function(){
            $("html,body").animate({scrollTop:0},250);
        });
        setInterval(function(){
            if($("html,body").scrollTop() === 0) {
                $(".home-gotop").hide();
            }
            else{
                $(".home-gotop").show();
            }
        },500)
    });
</script>
	<script type="text/javascript">
		var lilist = $(".services-tab li")
		var divlist = $(".tab-content>div")
		for(var i = 0 ;i < lilist.length;i++){
			 $(lilist[i]).attr("index",i)
			 $(lilist[0]).css({
			 		'opacity':'1'
			 	});
			 $(lilist[i]).css({
			 		'opacity':'0.5'
			 	});
			 $(lilist[i]).click(function(){
			 	var index = $(this).attr("index")
			 	$(lilist).css({
			 		'opacity':'0.5'
			 	});
			 	$(this).css({
			 		'opacity':'1'
			 	});
			 	$(divlist).css({
			 		'display':'none'
			 	});
			 	$(divlist[index]).css({
			 		'display':'block'
			 	})
			})
		}

		var spanList = $(".span span")

   		var divList = $(".home-fitness-club-eight-ul")
   		spanList.click(function(){
   			var index = $(this).index()
   			divList.eq(index).addClass("show").siblings().removeClass("show")
   			$(this).addClass("change-color").siblings().removeClass("change-color")
   		})	
	</script>
</body>	
</html>